.nor_font(@w,@h,@fs,@c,@lh)
{
	width:@w;
	height:@h;
	font-size: @fs;
	color: @c;
	line-height: @lh;
	display: block;
	text-align: center;
}
.nor_a(@w,@h,@fs,@c,@lh,@hc){
	width:@w;
	height:@h;
	font-size: @fs;
	color: @c;
	line-height: @lh;
	text-decoration: none;
	display: block;
	text-align: center;
	&:hover{
		color:@hc;
	}
}
.nor_input(@bw,@bs,@bc,@w,@h,@fs,@c,@br,@pl,@pr){
	border-width: @bw;
	border-style: @bs;
	border-color: @bc;
	width:@w;
	height:@h;
	font-size:@fs;
	color:@c;
	text-align:left;
	.border-radius(@br);
	padding-left:@pl;
	padding-right:@pr;
	float:left;
	outline:none;

}
.r_div(@w,@h,@bc,@mt,@mr,@mb,@ml)
{
	position: relative;
	width:@w;
	height: @h;
	background-color: @bc;
	margin-left: @ml;
	margin-top: @mt;
	margin-bottom: @mb;
	margin-right: @mr;
	float:left;
}
.a_div(@w,@h,@bc,@t,@r,@b,@l)
{
	position:absolute;
	width: @w;
	height: @h;
	background-color: @bc;
	top:@t;
	right:@r;
	bottom: @b;
	left: @l;
}
.sv(@style,@value){
	-webkit-@{style}:@value;
	-moz-@{style}:@value;
	-ms-@{style}:@value;
	-o-@{style}:@value;
		@{style}:@value;
}
.keyframes (@name, @frames) {
	@-webkit-keyframes @name { @frames(); }
	@-moz-keyframes @name { @frames(); }
	@-ms-keyframes @name { @frames();}
	@-o-keyframes @name { @frames(); }
	@keyframes @name { @frames(); }
}
html,body{
	font-family: "微软雅黑";
	overflow-y:hidden;
	background-color:deepskyblue;
}
.regPage{
	margin-top:200px;
}
.logo{
	position: absolute;
	left: 50%;
	margin-left:-47px;
	top:50px;
}
.greyfont{
	color:grey;
}
.teshu{
	border:1px solid red;
}
.log{
	color:white;
	line-height:2.2rem;
}
.shouyehead{
	background-color: deepskyblue;
	border:none;
}
.Logpage{
	margin-top:200px;
}
.titlediv{
	height:100px;
	.titlefont{
		width:100%;
		float:left;
		text-align: center;
		line-height:100px;
	}
	.titleinputdiv{
		height: 100px;
		float:left;
		.titleinput{
			width:100%;
			height:30px;
			float:left;
			border:none;
			font-size:14px;
			text-align: center;
			.sv(border-radius,8px);
			margin-top:35px;
		}
		.recipients{
			width:100%;
			height:30px;
			float:left;
			border:none;
			font-size:14px;
			text-align: center;
			.sv(border-radius,8px);
			margin-top:35px;
		}
	}

}
.themediv{
	height:300px;
	.themefont{
		width:100%;
		float:left;
		text-align: center;
		height: 300px;
	}
	.theme{
		height: 280px;
		float:left;
		overflow-x:auto;
		background-color: white;
		.sv(border-radius,8px);
	}
	.btn{
		.sv(border-radius,8px);
		border:1px solid white;
		background-color: transparent;
		color:white;
	}
}
.inboxlist{
	height:auto;
	.user{
		height: 100px;
		background-color: #fff;
		float:left;
		border-bottom:2px solid #9e9e9e;
		.inboxemail{
			float:left;
			color:black;
			font-size:14px;
			text-align: center;
			height: 50px;
			line-height:50px;
		}

	}
	.userlistdiv{
		height:50px;
		background-color: #fff;
		float:left;
		border-bottom:2px solid #9e9e9e;
		.usersInfo{
			float:left;
			color:black;
			font-size:14px;
			text-align: center;
			height: 50px;
			line-height:50px;
		}
	}

}
.blue{
	background-color: blue;
}
.red{
	background-color: red;
}
.emailtext{
	.a_div(300px,400px,white,50%,none,none,50%);
	overflow-y: auto;
	margin-left:-150px;
	margin-top:-200px;
	z-index: 3;
	display: none;
	border-radius: 8px;
	border:2px solid deepskyblue;
	.cancel{
		color:white;
		font-size: 16px;
		width: 20px;
		height: 20px;
		position: absolute;
		right:0px;
		top:0px;
		border-radius:50%;
		z-index: 4;
		background-color:red;
		text-align: center;
		line-height:20px;
	}
}
.heidi{
	.a_div(100%,100%,rgba(0,0,0,0.6),0,none,none,0);
	z-index: 2;
	display: none;
}
.addbtndiv{
	height: 30px;
	float: left;
	.addbtn{
		width:100%;
		float:left;
	}
}
.addinputdiv{
	height: 30px;
	float: left;
	.adduser{
		width:60%;
		height:30px;
		float:left;
		border:none;
		font-size:14px;
		text-align: center;
		.sv(border-radius,8px);
		margin-left:10%;
	}
	.tijiao{
		width:20%;
		height:30px;
	}
}
.addinputdiv{
	display: none;
}


